<div class="login" *ngIf="true">
    <div class="material-logo">源创艺</div>
    <span class="material-close" [routerLink]="['', {outlets: {auth: null}}]"><i class="iconfont">&#xe611;</i></span>
    <form #loginForm="ngForm" class="material-login-form">
        <div class="am-form-group ml-form-group">
            <input id="username" name="username" class="btm-border" type="text" [(ngModel)]="user.username" required
                   #username="ngModel" placeholder="账号">
            <div *ngIf=" messages.username" class="alert alert-danger am-text-truncate">
                <i class="iconfont">&#xe603;</i>
                {{messages.username}}
            </div>
        </div>
        <div class="am-form-group ml-form-group">
            <input id="password" name="password" class="btm-border" type="password" [(ngModel)]="user.password" required
                   #password="ngModel" placeholder="密码">
            <div *ngIf=" messages.password" class="alert alert-danger am-text-truncate">
                <i class="iconfont">&#xe603;</i>
                {{messages.password}}
            </div>
        </div>
        <button id="login" class="am-btn am-material-btn" (click)="login()">登&nbsp;&nbsp;&nbsp;录</button>
    </form>
    <div class="materal-remember">
        <div class="am-fl">还没有账号？<a mat-button [routerLink]="['', {outlets: {auth: 'register'}}]">立即注册</a></div>
        <div class="am-fr"><a mat-button >忘记密码？</a></div>
    </div>
</div>
